<template>
	<view>
		<view class="kehu-item">
			<view class="kehu-left">
				<view class="touxiang-box">
					<image src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1-%E6%88%91%E7%9A%84%E5%AE%A2%E6%88%B7%EF%BC%88CRM%EF%BC%89/android/drawable-xhdpi/touxiang.png"
					 mode="aspectFit" class="touxiang-image"></image>
				</view>

				<view class="kehu-message">
					<view class="kehu-message-top">
						<view class="kehu-name" @click="toLcsFangkehuaxiang">
							访客分析
						</view>
						<image src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1-%E6%88%91%E7%9A%84%E5%AE%A2%E6%88%B7%EF%BC%88CRM%EF%BC%89/android/drawable-xhdpi/he.png"
						 mode="aspectFit" class="label-image"></image>
					</view>
					<view class="kehu-message-bottom">
						<image src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.1-%E6%88%91%E7%9A%84%E5%AE%A2%E6%88%B7%EF%BC%88CRM%EF%BC%89/android/drawable-xhdpi/xingjikehu.png"
						 mode="aspectFit"></image>
						<view class="star">
							一星客户
						</view>


					</view>
				</view>
			</view>
			<view class="kehu-right">资讯</view>
		</view>
		<view class="kehu-box">
			<view class="row ">
				<view class="left">
					<view class="twoLines">
						挑私募应该看的几个指标夏普比率真的有意义吗？
					</view>
					<view class="color">2018.07.07 12:11:00</view>
				</view>
				<view class="right">
					<view class="btn ">
						回答
					</view>
					<view class="color">
						更多<label class="iconfont arrow">&#xe640;</label>
					</view>
				</view>

			</view>
			<view class="row ">
				<view class="left">
					<view class="twoLines">
						挑私募应该看的几个指标夏普比率真的有意义吗？
					</view>
					<view class="color">2018.07.07 12:11:00</view>
				</view>
				<view class="right">
					<view class="btn ">
						回答
					</view>
					<view class="color">
						更多<label class="iconfont arrow">&#xe640;</label>
					</view>
				</view>
			
			</view>
			
		</view>
		<view class="questionBox">
			<view class="question" @click="toLcsYijianzhuanfa">
				<label class="iconfont label">&#xe61a;</label>一键转发
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},methods:{
			toLcsFangkehuaxiang(){
				uni.navigateTo({
					url: './lcs-fangkehuaxiang/lcs-fangkehuaxiang',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},
			toLcsYijianzhuanfa(){
				uni.navigateTo({
					url: './lcs-yijianzhuanfa/lcs-yijianzhuanfa',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style>
	
	.kehu-item {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 0 30upx;
		border-bottom: 1px solid rgb(0, 0, 0, 0.05);
		justify-content: space-between;
		height: 80px;
		background: rgb(255, 255, 255);

	}

	.kehu-left,
	.kehu-message-bottom {
		display: flex;
		flex-direction: row;
		align-items: center;

	}

	.touxiang-box {

		margin-right: 20upx;
	}

	.kehu-left .touxiang-image {
		width: 50px;
		height: 50px;

	}

	.kehu-right {
		border: 1px solid rgba(196, 156, 90, 1);
		border-radius: 22upx;
		line-height: 22px;
		color: rgba(196, 156, 90, 1);
		padding: 0 7px;
		font-size: 12px;
	}

	.kehu-message-top {
		display: flex;
		flex-direction: row;
		align-items: center;
		font-size: 16px;
		line-height: 30px;

	}

	.label-image {
		width: 16px;
		height: 16px;
		margin-left: 8upx;
	}

	.kehu-message-bottom {
		line-height: 15px;
		font-size: 10px;
	}

	.kehu-message-bottom image {
		width: 12px;
		height: 9px;
	}

	.star {

		color: #C49C5A;
	}

	.kehu-box {
		padding: 0 30upx;
		margin-top: 5px;
		background: rgb(255, 255, 255);
	}

	.row {
		height: 84px;
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 30upx 0;

	}

	.left {

		font-size: 15px;
		margin-right: 60upx;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

	}


	.right {
		width: 100px;

		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: space-between;
	}

	.left-image {
		height: 18px;
		width: 18px;
		margin-right: 20upx;
	}

	.color {
		color: #CCCCCC;
	}

	.btn {
		border: 1px solid #C49C5A;
		border-radius: 25upx;
		padding: 0 15upx;
		color: #C49C5A;
		width: 120upx;
		height: 50upx;
		text-align: center;
		line-height: 50upx;
	}

	.questionBox {
		position: fixed;
		bottom: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		padding: 70upx 0;
		text-align: center;
		

	}

	.question {
		width: 240upx;
		height: 70upx;
		background: linear-gradient(-90deg, rgba(196, 156, 90, 1) 0%, rgba(226, 196, 138, 1) 100%);
		border-radius: 35px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		color: rgb(255, 255, 255);

	}

	.label {
		margin: 0 10upx;
	}
</style>
